@charset "UTF-8";

/* moblie 初始化 */

* {
    margin: 0;
    padding: 0;
    outline: 0;
    font-family: PingHei, 'PingFang SC', STHeitiSC-Light, "微软雅黑", Arial, sans-serif;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent
}

html {
    -webkit-text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    -webkit-text-size-adjust: 100%;
}
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
p,
pre,
q,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-family: PingHei, 'PingFang SC', STHeitiSC-Light, "微软雅黑", Arial, sans-serif;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
}

body {
    font-size: 14px;
    -webkit-text-size-adjust: none;
    max-width: 100%;
    height: 100%;
    font-family: Microsoft YaHei, Helvetica Neue, Helvetica, STHeiTi, Arial, sans-serif;
}

ol,
ul {
    list-style: none
}

a:hover,
a:active,
a {
    text-decoration: none;
}

input,
button,
textarea {
    border: 0;
    border-radius: 0;
    background: transparent;
    -webkit-appearance: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

button {
    outline: 0
}

/* 公共样式 */
.clearfix {
    zoom: 1;
}

.clearfix:after {
    clear: both;
    display: block;
    visibility: hidden;
    height: 0;
    line-height: 0;
    content: '';
}

.fl {
    float: left !important;
}

.fr {
    float: right !important;
}
/* ======  布局  ====== */
.wrap-main,
.wrap{
    min-height: 100vh;
    min-width: 320px;
}
.wrap {
    font-size: 16px;
    max-width: 100%;
    background: #e8e8e8;
    height: auto;
    overflow: hidden;

}

.wrap-main {
    max-width: 1024px;
    margin: 0 auto;
    background: #fff;
}

.content-warp10 {
    padding: 10px;
    white-space: normal;
    word-break: break-all;
    word-wrap: break-word;
    height: 100%;
}

.ct-w100 {
    width: 100%;
    overflow: hidden;
    height: 100%;
}

.h8 {
    height: 8vh;
    width: 100%;
    overflow: hidden;
    background: #fff;
    border-bottom: 1px solid #e9e9e9;
}

.content-main,
.h84 {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.h84 {
    height: 84vh;
    background: #fff;
    width: 100%;
    position: relative;
}

.h84.h100 {
    height: 100vh;
}

.content-main {
    width: 100%;
    position: relative;
    height: auto;
    min-height: 100%;
    padding-bottom: 50px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.content-main.not-padding-bottom {
    padding-bottom: 0;
}

/* =======  顶部 和  底部 ======== */
.h-nav,
.f-nav-tab-box>a,
.footerpage,
.f-nav-tab-box>a.visible,
.f-nav-tab {
    width: 100%;
    height: 100%;
    color: #333;
    text-decoration: none;
}

/* logo&back */
.h-nav {
    position: relative;
}

.color-bule {
    font-weight: 700;
    color: #0650f7;
    margin: 0 5px;
}

/* .top_search, */
.h-logo {
    cursor: pointer;
    position: absolute;
}

.h-right {
    right: 0;
    top: 0;
    display: flex;
    position: fixed;
    z-index: 9;
}

.h-logo img {
    height: 6vh;
    object-fit: contain;
    margin-top: 1vh;
    margin-left: 0.5em;
}

.h-logo a {
    display: block;
}

.h-logo span {
    font-size: 20px;
    color: #909399;
    position: absolute;
    top: 2.4vh;
    left: 0.1rem;
}

.logo-title {
    color: #4a97ff;
    font-size: 18px;
    line-height: 8vh;
    padding-left: 5px;
    font-weight: 500;
}

.h-title {
    text-align: center;
    width: 100%;
    line-height: 8vh;
    color: #303133;
    font-weight: lighter;
    font-size: 16px;
}

.top_search span {

    display: block;

    max-width: 0.7rem;

    min-width: 0.6rem;

    line-height: 7.8vh;
}

.top_search span .basic-icon {
    font-size: 20px;
    color: #999;
}

.top_search>.ss {
    position: fixed;
    top: 8vh;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 9;
}

.search-wrap .search-form,
.top_search .gg {
    width: 100%;
    max-width: 1024px;
    min-width: 320px;
    padding: 5% 14px;
    padding-right: 0;
    background-color: #fff;
    overflow: hidden;
    margin: 0 auto;
}

.search-wrap .search-main input,
.top_search .ss input {
    border: #ddd solid 1px;
    border-right: 0;
    width: 78%;
    padding: 0 2%;
    line-height: 260%;
    font-size: .26rem;
    float: left;
    border-radius: .07rem 0 0 .07rem;
}

.search-wrap .search-main .btn-search-a,
.top_search .ss .btn-search-a {
    font-size: .26rem;
    width: 17.5%;
    line-height: 260%;
    border: #0083c3 solid 1px;
    background-color: #0083c3;
    color: #fff;
    float: left;
    border-radius: 0 .07rem .07rem 0;
    text-align: center;
    text-decoration: none;
}

.search-wrap .search-main .btn-search-a:hover,
.top_search .ss .btn-search-a:hover {
    background: rgba(3, 92, 172, 1);
    text-decoration: none;
}

.top_search>.ss .top_search_mark {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .7);
}

/* footer-tab */
.f-nav-tab-text {
    font-size: 14px;
}

.f-nav-tab {
    display: flex;
    justify-content: space-around;
    text-align: center;
    flex-wrap: nowrap;
    border-top: 1px solid #EBEEF5;
}

.f-nav-tab-box>a {
    display: block;
    font-weight: normal;
}

.f-nav-tab-box a>span {
    font-size: 18px;
    display: block;
    line-height: 0.8em;
    margin-top: 1.5vh;
}

.f-nav-tab-box>a.visible {
    color: rgba(3, 92, 172, 1);
}


/* ======    copyinfo@    ======== */
.copyinfo-wrap {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 0;
    background: rgba(232, 232, 232, 0.7);
}

.copyinfo-wrap p,
.copyinfo-wrap a {
    color: #555;
    font-size: 12px;
}

/* ======    copyinfo@    ======== */
/* =======  right-aside     ========== */
.right-aside {
    position: fixed;
    bottom: 10%;
    right: 0.1rem;
    cursor: pointer;
}

.right-aside .toTop {
    margin: auto;
    display: none;
    width: 0.7rem;
    height: 0.7rem;
    line-height: 0.7rem;
    font-size: 0.4rem;
    text-align: center;
    border-radius: 50%;
    background: rgb(187, 219, 249);
    color: #007bff;
}

.right-aside .toTop:hover {
    text-decoration: none;
}

.right-aside .bottom-item img {
    width: 0.7rem;
    object-fit: contain;
    vertical-align: text-top;
    padding: 0.03rem 0.05rem 0;
}

.right-aside .bottom-item .floating-pad img {
    vertical-align: middle;
    width: 0.4rem;
    height: 0.4rem;
    object-fit: contain;
}

.right-aside .bottom-item .floating-pad img.code-img {
    min-width: 1.5rem;
    min-height: 1.5rem;
    max-width: 2.5rem;
    max-height: 2.5rem;
    width: auto;
    height: auto;
    object-fit: contain;
}

.right-aside .bottom-item .floating-pad .code-text {
    color: #0650f7;
    font-size: 0.2rem;
    line-height: 0.1rem;
    height: 0.1rem;
    text-align: center;
}

.right-aside .call,.right-aside .bottom-item {
    font-size: 0.5rem;
    text-align: center;
    border-radius: 0.1rem;
    background: rgb(6, 47, 160);
    color: #fff;
    margin-bottom: 10px;
    position: relative;
    display: inline-block;
}
.right-aside .call{
    border-radius: 50%;
    width: 0.7rem;
    height: 0.7rem;
    line-height: 0.7rem;
    margin: auto;
    display: block;
    margin-bottom: 0.3rem;
}
.right-aside .call-box{
    display: none;
}
.right-aside .call .icon-close:before {
    content: "\e723";
    font-size: 0.4rem;
}

.right-aside .bottom-item .item-title {
    font-size: 0.2rem;
    line-height: 1;
    letter-spacing: 3px;
    text-align: center;
}

.right-aside .bottom-item .floating_left {
    position: absolute;
    bottom: 0.8rem;
    width: auto;
    min-height: 100%;
    background: rgb(6, 47, 160);
    background: #ffff;
    z-index: 1;
    opacity: 1;
    right: 0rem;
    border-radius: 0.1rem;
    border: 1px solid #ddd;
    padding: 0.1rem 0;
    display: none;
}

.right-aside .bottom-item .floating-pad a:last-child {
    border: 0;
}

.right-aside .bottom-item .floating-pad a {
    color: #07489a;
    font-size: 0.3rem;
    display: block;
    text-align: left;
    padding: 0 0.1rem 0 0.5rem;
    line-height: 2;
    border-bottom: 1px solid #ddd;
    white-space: nowrap;
    background-position: 0.05rem 0.1rem;
    background-repeat: no-repeat;
    background-size: 0.4rem;
    background-color: #fff;
}

.right-aside .bottom-item .floating-pad a:hover {
    background-color: #07489a;
    color: #fff;
}

.right-aside .bottom-item:nth-child(2) .floating-pad a {
    background-image: url(/images/index-nav/QQ.png);
}

.right-aside .bottom-item:nth-child(2) .floating-pad a:hover {
    background-image: url(/images/index-nav/QQ-f.png);
}

.right-aside .bottom-item:nth-child(1) .floating-pad a {
    background-image: url(/images/index-nav/dianhua.png);
}

.right-aside .bottom-item:nth-child(1) .floating-pad a:hover {
    background-image: url(/images/index-nav/dianhua-f.png);
}




/* =======  right-aside     ========== */
/* ======    row-flex   ======== */

.row-flex {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.flex-between-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.flex-space-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}


/* ======    row-flex   ======== */
/* =====    左图右文   ====== */
.pic_art_list {
    padding: 0.1rem 0;
    width: 100%;
}

.pic_art_list dl {
    border-bottom: solid 1px #eee;
    padding: 0.1rem;
    display: flex;
    justify-content: flex-start;
    overflow: hidden;
}

.pic_art_list dl dt.flex-left {
    width: 30%;
    margin: auto;
    flex: none;
}

.pic_art_list dl dt.flex-left img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    padding-right: 0.1rem;
}

.pic_art_list dl dd.flex-right {
    width: 100%;
}

.pic_art_list dl dd.flex-right h5 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.3rem;
    line-height: 1.5em;
    color: #007bff;
    width: 100%;
    display: block;
}

.pic_art_list dl dd.flex-right p {
    line-height: 1.5em;
    font-size: 0.25rem;
    color: #333;
    margin-bottom: 0px;
    width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.pic_art_list .link_1 {
    font-size: 0.25rem;
    color: #666;
    padding-left: 0.1rem;
    margin-right: 0.1rem;
    display: block;
    line-height: 0.5rem;
}

/* =====    左图右文   ====== */

/* =====    面包屑导航 ======== */
.hk-breadcrumb {
    width: 100%;
    height: auto;
    line-height: 2;
    overflow-y: hidden;
    overflow-x: auto;
    position: relative;
    background: transparent;
    white-space: nowrap;
}

.hk-breadcrumb-item {
    position: relative;
    display: inline-block;
    width: auto;
    font-size: 12px;
    color: #666;
}

.hk-breadcrumb-item .breadcrumb-inner {
    display: block;
    font-size: 12px;
    line-height: 25px;
    color: #999;
    font-weight: 500;
    margin-right: 10px;
    padding: 0 0.05rem;
}

.hk-breadcrumb-item .breadcrumb-inner.is-link {
    font-weight: normal;
    color: #333;
    cursor: pointer;
}

.hk-breadcrumb-item .breadcrumb-inner.no-link {
    margin: 0;
    padding-right: 0;
}

.hk-breadcrumb-item:last-child .breadcrumb-separator {
    display: none;
}

.hk-breadcrumb-item .breadcrumb-separator {
    position: absolute;
    top: 2px;
    right: 0;
    color: #9aa9a9;
    font-size: 12px;
}

/* =====    面包屑导航 ======== */

/* =======  常见问题  ======= */

.fg-title {
    padding: 10px;
}

.fg-title,
.fg-list li {
    border-bottom: 1px solid #e2e2e2;
    margin-bottom: 0.3rem;
    overflow: hidden;
}

.fg-title h2 {
    font-size: 0.35rem;
    color: #333;
    position: relative;
}

.fg-title h2::before {
    content: '';
    display: inline-block;
    width: 3px;
    height: 1em;
    border-radius: 6px;
    background: #4a97ff;
    margin: -2px 0;
    margin-right: 5px;
}

.fg-title h2::after {
    content: "\e775";
    font-family: "basic-icon" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #4a97ff;
    font-size: 0.2rem;
    position: absolute;
    right: 0;
    top: 0.2rem;
}

.fg-list .fg-list-ask {
    word-wrap: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-align: justify;
    color: #313131;
    display: block;
    padding: 0.1rem 0.45rem 0.1rem 0.35rem;
    font-size: 0.3rem;
    position: relative;
}

.fg-list .fg-list-ask:hover {
    color: #007bff
}

.fg-list .fg-list-ask::before,
.fg-list .fg-list-ask::after {
    position: absolute;
    display: block;
}

.fg-list .fg-list-ask::after {
    top: 0.15rem;
    content: "\e775";
    font-family: "basic-icon" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    right: 0.1rem;
    color: #999;
    font-size: 0.25rem;
}

.fg-list .fg-list-ask::before {
    top: 0.2rem;
    content: "";
    left: 0.1rem;
    border: 0.15rem solid transparent;
    border-left-color: #066dda;
}

/* ======   动画    ===== */
.fg-list {
    display: none;
}

.fg-title h2::after {
    transform: rotate(0deg);
}

.fg-title h2::after,
.fg-title.active h2::after {
    transition: all .5s;
}

.block-item:first-child .fg-list {
    display: block;
}

.fg-title.active h2::after {
    transform: rotate(90deg);
}

/* =======  常见问题  ======= */

/* ======  图文上下  ======= */
.pic_art_list2 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.pic_art_list2 .pic-item {
    display: block;
    width: 50%;
}

.pic_art_list2 .pic-item .pad-main {
    display: block;
    padding: 10px 5px;
    text-align: center;
    height: 2.5rem;
    overflow: hidden;
}

.pic_art_list2 .pic-item .pad-main .gz-img {
    width: 100%;
    height: 1.6rem;
}

.pic_art_list2 .pic-item .pad-main .gz-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.gz-text {
    font-size: 0.3rem;
    color: #010515;
    line-height: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.border-bote8 {
    border-bottom: 1px solid #e8e8e8;
}

/* =====  悬浮菜单   ===== */
.navBox {
    width: 100%;
    max-width: 521px;
    margin: 0 auto;
    cursor: pointer;
}

.navBox .navimg {
    position: fixed;
    left: 0.1rem;
    bottom: 1.1rem;
    width: 40px;
    height: 40px;
    background: #fff;
    color: #1d78d6;
    border-radius: 100%;
    z-index: 99;
    font-size: 26px;
    text-align: center;
    box-shadow: 0 0 5px 0 #0a70dc;
}

.navBox .navimg img {
    width: 43px;
    margin-left: 2px;
    margin-top: 1px;
}

.navBox .navdiv {
    position: fixed;
    bottom: 2.2rem;
    left: 0.2rem;
    min-width: 120px;
    width: auto;
    max-width: 70%;
    padding-top: 5px;
    height: auto;
    max-height: 70vh;
    padding-bottom: 10px;
    overflow-y: auto;
    overflow-x: hidden;
    background: rgba(253, 253, 253, 1);
    z-index: 998;
    border: 1px solid #e5e5e5;
    display: none;
}

.navBox .navdiv .navbb {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.navBox .navdiv .navbb .tit {
    font-size: 14px;
    color: #333;
    line-height: 2.5;
    padding: 0 1em;
}

.navBox .navdiv .navbb .tit:hover {
    background: #0650f7;
    color: #fff;
}

/* =====  悬浮菜单   ===== */

/* =====   简繁体下拉框    ====== */
.select_box #types .dt,
.select_box #types .dd-br {
    color: #fff;
}

.select_box {
    display: inline-block;
    min-width: 1em;
    line-height: 2;
    padding-top: 1.8vh;
    padding-right: 0.1rem;
}

.select_box img {
    max-width: 100%;
    object-fit: contain;
    vertical-align: bottom;
}


.select_box #types .dt {
    font-size: 14px;
    background-color: rgb(181, 39, 39);
    width: 25px;
    height: 25px;
    line-height: 20px;
    border-radius: 50%;
    text-align: center;
    margin: auto;
}

.select_box #types .option-list {
    font-size: 14px;
    background: rgba(3, 92, 172, 1);
    text-align: center;
    position: absolute;
    top: 6vh;
    right: 2px;
    border-radius: 3px;
}

.select_box #types .dd-br {
    padding: 0 0.1rem;
    line-height: 2;
    white-space: nowrap;
    min-width: max-content;
    border-bottom: 1px solid #eee;
    width: auto;
}

.select_box #types .dd-br img {
    width: 20px;
    object-fit: contain;
    vertical-align: text-top;
}


.select_box #types .dd-br:last-child {
    border: 0;
}

/* =====   简繁体下拉框    ====== */

/* ========  分页  ========== */
.navigation {
    width: 100%;
    margin: 0.1rem 0 0.4rem;
}
.pagination {
    border-radius: .05rem;
    font-size: 0.15rem;
    justify-content: center;
}

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: .05rem;
    border-bottom-left-radius: .05rem;
}

.page-item:last-child .page-link {
    margin-right: 0;
    border-top-right-radius: .05rem;
    border-bottom-right-radius: .05rem;
}

.page-link {
    padding: 0.15rem 0.1rem;
}

/* ========  分页  ========== */

/* ======     富文本     ======== */
.eadit-content ul.dlink li {
    list-style: square;
    margin: 3px 20px;
}

.eadit-content ul.clink li a {
    color: #000b23;
}

.eadit-content ul.clink li {
    color: #000b23;
    list-style: square;
    margin: 0 1em;
}

.eadit-content ul.clink li a:hover {
    text-decoration: none;
}

/* ======     富文本     ======== */